<div class="container" style="background:#EFF2F7" ng-controller="controller_familyinfo">
	<div class="header" ng-show="isViewFlag">
		<a href="#/mine" class="return"></a>
		<div class="l-icon">
			<span class="i"><img src="../resources/images/logo_l.png" /></span>
			<span class="t">个人信息</span>
		</div>
	</div>
	<div style="height:46px;width:100%;"></div>
	
	<div class="header" ng-show="isModyFlag">
		<a href="javascript:void(0)" ng-click="modyReturn()" class="return"></a>
		<div class="l-icon">
			<span class="i"><img src="../resources/images/logo_l.png" /></span>
			<span class="t">信息修改</span>
		</div>
		
		<a href="javascript:void(0)" ng-click="saveFamilyInfo()" class="right-do">保存</a>
	</div>
	
	<div class="header" ng-show="isModyAreaFlag">
		<a href="javascript:void(0)" ng-click="modyReturn()" class="return"></a>
		<div class="l-icon">
			<span class="i"><img src="../resources/images/logo_l.png" /></span>
			<span class="t">省市选择</span>
		</div>
	</div>
	
	<!-- 个人信息展示 -->
	<div class="infor-view" ng-show="isViewFlag">
		<div class="selfinfo-list">
			<ul>
				<li class="avator">
					<div class="tit-l">头像</div>
					<div class="cont-r">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt avator" id="logox">
							<img ng-if="(familyInfoObj.icon == '' || familyInfoObj.icon == null) && familyInfoObj.sex == '2'" src="../resources/images/ava_f_f.png" />
							<img ng-if="(familyInfoObj.icon == '' || familyInfoObj.icon == null) && familyInfoObj.sex != '2'" src="../resources/images/ava_f_m.png" />
							<img ng-if="familyInfoObj.icon != '' && familyInfoObj.icon != null" ng-src="{{avator_sex}}" />
						</span>
					</div>
				</li>
			</ul>
		</div>
		
		<div class="selfinfo-list">
			<ul>
				<li>
					<div class="tit-l">名字</div>
					<div class="cont-r" ng-click="showMofy('user_name')">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt" ng-bind="familyInfoObj.user_name">Miya</span>
					</div>
				</li>
				<li>
					<div class="tit-l">性别</div>
					<div class="cont-r" ng-click="showMofy('sex_name')">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt" ng-bind="familyInfoObj.sex_name">女</span>
					</div>
				</li>
				<li id="modifyBirthday">
					<div class="tit-l">生日</div>
					<div class="cont-r">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt" ng-bind="familyInfoObj.birthday">1998-10-10</span>
					</div>
				</li>
				<li>
					<div class="tit-l">身份证号</div>
					<div class="cont-r" ng-click="showMofy('id_card_no')">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt" ng-bind="familyInfoObj.id_card_no">320125199810101769</span>
					</div>
				</li>
				<li>
					<div class="tit-l">手机号码</div>
					<div class="cont-r">
						<span class="txt" ng-bind="familyInfoObj.mobile">15256362323</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="selfinfo-list">
			<ul>
				<li>
					<div class="tit-l">所在地区</div>
					<div class="cont-r" ng-click="areaSel()">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt" ng-bind="(familyInfoObj.province_name ? familyInfoObj.province_name : '') 
						+ (familyInfoObj.city_name ? familyInfoObj.city_name : '') 
						+ (familyInfoObj.county_name ? familyInfoObj.county_name : '')"></span>
					</div>
				</li>
				<li>
					<div class="tit-l">详细地址</div>
					<div class="cont-r" ng-click="showMofy('mobileAddress')">
						<span class="arrow"><img src="../resources/images/i8.png" /></span>
						<span class="txt"><i class="adddetail" ng-bind="familyInfoObj.address">雨花台区软件大道11号花神大厦</i></span>
					</div>
				</li>
			</ul>
		</div>
	</div>
	
	<!-- 个人信息修改 -->
	<div class="infor-view" ng-show="isModyFlag">
		<div class="selfinfo-list modify">
			<ul>
			    <li ng-if="showController.nameShow" ng-cloak class="ng-cloak">
                    <div class="tit-l">名字</div>
                    <div class="cont-r">
                        <input id="userName" class="modify-txt" type="text" placeholder="请输入名字" ng-model="familyInfoObj.user_name"/>
                        <a href="javascript:void(0)" class="txt-clear ng-hide" ng-click="clearTxt('user_name')" ng-show="familyInfoObj.user_name != ''">
                            <img src="../resources/images/delete.png" />
                        </a>
                    </div>
                </li>
                <li ng-if="showController.sexShow" ng-cloak class="ng-cloak">
                    <ul>
						<li ng-click="sexClick('1')">
							<a class="sex-choose" href="javascript:void(0)" code="1">
								<span class="i-l" ng-if="familyInfoObj.sex == '1'"><img alt="" src="../resources/images/radio_check.png" /></span>
								<span class="i-l" ng-if="familyInfoObj.sex != '1'"><img alt="" src="../resources/images/radio_uncheck.png" /></span>
								<span class="t-r">男</span>
							</a>
						</li>
						<li ng-click="sexClick('2')">
							<a class="sex-choose" href="javascript:void(0)" code="2">
								<span class="i-l" ng-if="familyInfoObj.sex == '2'"><img alt="" src="../resources/images/radio_check.png" /></span>
								<span class="i-l" ng-if="familyInfoObj.sex != '2'"><img alt="" src="../resources/images/radio_uncheck.png" /></span>
								<span class="t-r">女</span>
							</a>
						</li>
					</ul>
                </li>
               <li ng-if="showController.idCardNoShow" ng-cloak class="ng-cloak">
                    <div class="tit-l">身份证号</div>
                    <div class="cont-r">
                        <input id="idCardNo" maxlength="18" class="modify-txt" type="text" placeholder="请输入身份证号" ng-model="familyInfoObj.id_card_no"/>
                        <a href="javascript:void(0)" class="txt-clear ng-hide" ng-click="clearTxt('id_card_no')" ng-show="familyInfoObj.id_card_no != ''">
                            <img src="../resources/images/delete.png" />
                        </a>
                    </div>
                </li>
                <li ng-if="showController.mobileShow" ng-cloak class="ng-cloak">
                    <div class="tit-l">移动电话</div>
                    <div class="cont-r">
                        <input id="mobile" maxlength="11" class="modify-txt" type="text" placeholder="请输入联系方式" ng-model="familyInfoObj.mobile"/>
                        <a href="javascript:void(0)" class="txt-clear ng-hide" ng-click="clearTxt('mobile')" ng-show="familyInfoObj.mobile != ''">
                            <img src="../resources/images/delete.png" />
                        </a>
                    </div>
                </li>
				<li class="address ng-cloak" ng-if="showController.mobileAddress" ng-cloak>
					<div class="tit-l">详细地址</div>
					<div class="cont-r">
						<p ng-bind="(familyInfoObj.province_name ? familyInfoObj.province_name : '') 
						+ (familyInfoObj.city_name ? familyInfoObj.city_name : '') 
						+ (familyInfoObj.county_name ? familyInfoObj.county_name : '')" class="titcity"></p>
						<textarea id="address" class="txtarea-address" placeholder="请输入详细地址" ng-model="familyInfoObj.address"></textarea>
						<a href="javascript:void(0)" class="txt-clear ng-hide" ng-click="clearTxt('address')" ng-show="familyInfoObj.mobile != ''">
							<img src="../resources/images/delete.png" />
						</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
	
	<!-- 省份城市区域选择 -->
	<div class="selfinfo-list" ng-show="isModyAreaFlag">
		<ul ng-if="chooseProvince">
			<li ng-repeat="provinceItem in provinceList" ng-click="provinceClick($index, provinceItem.code, provinceItem.name)">
				<div class="tit-l" id="{{provinceItem.code}}" ng-bind="provinceItem.name"></div>
				<div class="cont-r">
					<span class="arrow"><img src="../resources/images/i8.png" /></span>
				</div>
			</li>
		</ul>
		<ul ng-if="chooseCity">
			<li ng-repeat="cityItem in citys" ng-click="cityClick(cityItem.code, cityItem.name)">
				<div class="tit-l" id="{{cityItem.code}}" ng-bind="cityItem.name"></div>
			</li>
		</ul>
		<ul ng-if="chooseCountry">
			<li ng-repeat="countryItem in countrys" ng-click="countryClick(countryItem.code, countryItem.name)">
				<div class="tit-l" id="{{countryItem.code}}" ng-bind="countryItem.name"></div>
			</li>
		</ul>
	</div>
	
	<article class="htmleaf-container">
		<button class="cancel-upload" id="upload_cancel" ng-click="upload_cancel()">取消</button>
        <div id="clipArea"></div>
        <div class="foot-use">
            <div class="uploader1 blue">
                <input type="button" name="file" class="button" value="打开">
                <input id="file" type="file" />
            </div>
            <button id="clipBtn">选取</button>
        </div>
        <div id="view"></div>
    </article>
</div>